<notempty name="invest_success">
    <!-- 成功提示 -->
    <div class="goInvest box_id" id="toInvest">
        <div class="inset">
            <a href="javascript:void(0)" class="closebtn" onclick="closeInvest_h5()"></a>
            <div class="box">
                <div class="top">
                    <p class="h1">恭喜您，成功<if condition="$Request.controller eq 'Debt'">购买债权！<else/>投资<span id="innerMoney">0</span>元！</if></p>
                    <p class="txt">{$invest_success.description}</p>
                    <p class="last"><a href="{$invest_success.redirect}">了解活动详情</a></p>
                    <p class="iNoe"><a href="javascript:void(0)" onclick="closeInvest_h5()">知道了</a></p>
                </div>
                <img src="{$invest_success.cover}" class="bgImage" />
            </div>
        </div>
    </div>
    <style>
        /*弹窗*/
        .goInvest{ display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.75); position: fixed; top: 0; left: 0; z-index: 1000;}
        .goInvest .closebtn{width: 2rem; height: 2rem; position: absolute; top: -3rem; right: 0; background: url("__PUBLIC__/images/close.png") no-repeat; background-size: 2rem;}
        .goInvest .inset{width: 80%; height: auto; z-index: 100; color: #fff; position: absolute; top: 45%; left: 2rem; margin-top: -8rem; border-radius: 0.5rem; line-height: 160%;}
        .goInvest .inset .box{ width: 100%; height: 95%; padding-top: 5%;
            overflow: hidden;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
        }
        .goInvest .inset .box img{width: 100%; height: 18rem; display: block;}
        .goInvest .inset .top{width: 100%; position: absolute; top: 8.5rem; left: 0;}
        .goInvest .inset p{font-size: 12px; color: #fff; line-height: 1.2rem; text-align: center; padding: 0 1rem;}
        .goInvest .inset p.h1{font-size: 1rem; padding: 0.25rem 0;}
        .goInvest .inset p.txt{ max-height: 2.4rem; height: 2.4rem; overflow: hidden;}
        .goInvest .inset p.last{padding: 2.05rem 0 0.6rem 0;}
        .goInvest .inset p.iNoe{padding: 0 0 0 0;}
        .goInvest .inset p.iNoe a{color: #fff;}
        .goInvest .inset p.last a{ width: 65%; height: 2.2rem; display: block; font-size: 1rem; margin: auto;  text-align: center; line-height: 2222.2rem;
   /*         -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
            -webkit-box-shadow: 0 5px 15px #b9362e;
            -moz-box-shadow: 0 5px 15px #b9362e;
            box-shadow: 0 5px 15px #b9362e;*/
        }
    </style>
    <script type="text/javascript">
        function showInvest_h5(money) {
            $("#innerMoney").html(money);
            $("#toInvest").fadeIn("fast");
        }
        function closeInvest_h5() {
            $("#toInvest").fadeOut("fast");
            window.location.reload();
        }
        $("#invest_money").keyup(function () {
            var val = parseFloat($(this).val());
            $("#innerMoney").html(val);
        });
    </script>
    <!-- end -->
</notempty>